/* CRASHES */
.crashes {overflow: auto; position: relative;}
.crash-data {margin-top: -20px; overflow: auto;}
.crashes .dataTable-top {border-radius: 0;}
.crashes tbody tr {cursor: pointer;}
.crash-reports tbody tr {cursor: pointer;}

.truncated {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height: 15px;}
.first-crash-line {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height: 15px; font-size: 11px; color: #8e8e8e;}
#crash-numbers-container .widget-footer {border-top-left-radius:7px; border-top-right-radius:7px; border-top: 1px solid #c2c2c2; border-bottom-left-radius:0px; border-bottom-right-radius:0px;}
#crash-big-numbers th{text-align: center; text-transform: uppercase; font-family:Ubuntu,Helvetica,sans-serif;}
#crash-big-numbers td{background-color: #fff; text-align: center; font-family:Oswald; font-size: 27px; padding: 20px 5px; word-wrap: break-word;}

#crash-header { color: #646464; font-size: 20px; font-family: Ubuntu; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#crash-header span {color: #000;}

#crashstats {text-align: center; font-family:Ubuntu,Helvetica,sans-serif; font-weight: normal;}

.crashoveral .widget-content .big-numbers .inner{height: 105px; padding-top: 7px;}
.crashoveral .widget-content .big-numbers.top .trend { display: block; }
.crashoveral #big-numbers-container.dashboard{margin-bottom:-10px;border: none;}
.widget.crashoveral .widget-footer { overflow: visible; }

.widget-footer .crashnumbers .big-numbers .inner {height: 31px;}
.widget-header .left>.title #resolved-text {color: #45b849; padding-top: 2px; font-size: 11px;}
.widget-header .left>.title #unresolved-text {color: #e11a15; padding-top: 2px; font-size: 11px;}
#mark-resolved i {color: #45b849;}
#mark-unresolved i {color: #e11a15;}
#mark-resolved.disabled,
#mark-unresolved.disabled { opacity:0.8; }

.widget-header .left>.title #error-title { display: block; }

.main-error .left .title { max-width: 700px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:15px; padding-top: 3px; }

.routename-crashgroup #notes [contenteditable=true]:empty:not(:focus):before{content:attr(data-placeholder); color: #909090; font-size: 14px;}
.routename-crashgroup #notes [contenteditable=true] p, #userdata-note [contenteditable=true] div, #userdata-note [contenteditable=true] br {padding:0; margin:0; line-height: 20px;}

.routename-crashgroup #note-edit.fa-times{color: #e11a15;}
.routename-crashgroup #note-edit.fa-pencil{color: #F3A300;}

#crash-share-list { display: none; list-style: none; background-color: #FFF; border:1px solid #D0D0D0; padding:10px; width: 410px; position: absolute; z-index: 1000; top:35px; right:160px;}
#crash-share-list li { font:12px Ubuntu,Helvetica,sans-serif; color: #636363; padding: 5px; }
#crash-share-list #crash-share-url { width: 100%; height: 22px; font-size: 11px; border: 1px solid #D0D0D0; }
#crash-share-list input[type=checkbox] {float: left; height: 18px; vertical-align: middle; margin: 6px 9px 0 0; }
#crash-share-list li span { line-height: 23px; }

.crash-stack #comment,
.crash-stack #comment_edit textarea { max-width:100%; width: 100%; min-height: 56px; font-size: 15px; color: #666; border:none; box-shadow: inset 0 0 0 1px #ddd; padding:0; }
.crash-stack #comment_edit textarea { margin-bottom: 10px; }
.crash-stack #comments .comment {margin-bottom: 20px; border-bottom: 1px dashed #e8e8e8;}
.crash-stack #comments .comment .comment-meta{overflow: auto;}
.crash-stack #comments .comment .comment-meta .icon-button{float: right; display:none;}
.crash-stack #comments .comment:hover .comment-meta .icon-button { display: block; }
.crash-stack #comments .comment .author{font: 15px Ubuntu,Helvetica,sans-serif; text-align: left; color:#666;}
.crash-stack #comments .comment .time {font: 12px Ubuntu,Helvetica,sans-serif; text-align: left; color: #666;}
.crash-stack #comments .comment .text {font: 15px Ubuntu,Helvetica,sans-serif; padding: 5px 0; color: #757575;}

.crash-stack #comment_edit { overflow: hidden; padding:20px 0; }
.crash-stack pre { overflow:auto; }
.crash-comment-count{display:none; color:red;}

.crash-stack pre code,
.crash-stack pre .line-number { display:block; }
.crash-stack pre .line-number { color:#6c6e6c; }
.crash-stack pre .line-number { float:left; margin:0 1em 0 -1em; border-right:1px solid; text-align:right; }
.crash-stack pre .line-number span { display:block; padding:0 .5em 0 1em; }
.crash-stack pre .cl { display:block; clear:both; }
#crash-table_wrapper { margin-top:0; }

.crash-stack .thread {border-bottom: 1px solid #d4d4d4;}

.routename-crashgroup #notes { overflow: auto; }
.routename-crashgroup #notes .btn-header { margin-top:0; margin-right: 0; }
.routename-crashgroup #notes #add_comment { margin-top: 5px; }
.routename-crashgroup #tabs .error_menu { height:25px; position: relative; margin-top:0px;}
.routename-crashgroup .error_menu { height:25px; position: relative; margin-top:0px; margin-bottom: 10px;}
.routename-crashgroup #tabs .error-details-menu { margin:0; margin-top:15px; margin-right: 15px; color: #666; font-size: 15px; z-index:100; position: relative; float:right;}
.routename-crashgroup .error-details-menu { margin:0; margin-right: 5px; color: #666; font-size: 15px; z-index:100; position: relative; float:right;}
.routename-crashgroup .error-details-menu .cly-button-menu-trigger {color:#848484; font-size: 20px; cursor:pointer;}
.routename-crashgroup .error-details-menu .cly-button-menu-trigger:hover {color:#6B6B6B; cursor: pointer;}
.routename-crashgroup .error-details-menu .cly-button-menu-trigger:before { font-family: 'Ionicons';  content: "\f396"; }
.routename-crashgroup .error-details-menu .cly-button-menu-trigger.active + .cly-button-menu, .cly-button-menu.active { opacity: 1; transition: opacity 0.2s; z-index: 2; right:6px; top:27px;}
.routename-crashgroup .error-details-menu .cly-button-menu { padding:10px 0; opacity: 0; transition: opacity 0.3s, z-index 3s; z-index: -1; position: absolute; background-color: #FFF; top:-99999px; border-radius: 2px; outline:none; border: 1px solid #d0d0d0;}

.tabs1.ui-tabs .ui-tabs-nav li {width: 100%}
.tabs2.ui-tabs .ui-tabs-nav li {width: 50%}
.tabs3.ui-tabs .ui-tabs-nav li {width: 33%}
.tabs3.ui-tabs .ui-tabs-nav li:last-child {width: 34%}
.tabs4.ui-tabs .ui-tabs-nav li {width: 25%}

#crash-table .separator { display: none; }

#crash-table .tag { margin-top:10px; float:left; margin-right:5px; border-radius: 2px; padding:0 5px; font-size: 10px; line-height: 15px; color: #8e8e8e; border: 1px solid #d4d4d4; }
#crash-table .tag.not-viewed,
#crash-table .tag.re-occurred { display:none; }

#crash-table tr.newcrash .tag.not-viewed { display: block; }
#crash-table tr.renewedcrash .tag.re-occurred { display: block; }

#crash-group-buttons.btn-header { margin-top: 0; margin-right: 0px; }
.graph-description.crash { background-color: #ececec; padding:7px 14px; border-bottom-color:#d0d0d0; }

#error { position: relative; font-size: 13px; line-height: 18px; }
#expandable { max-height: none; overflow: auto; }
#expandable.collapsed { max-height: 200px; overflow: hidden; }
#expandable_thread { max-height: none; overflow: auto; margin: 13px 0px;}
#expandable_thread.collapsed { max-height: 200px; overflow: hidden; }
#expand-crash { font-size:12px; padding-bottom:10px; cursor:pointer; text-align: center; position:absolute; bottom:0; width:300px; left:50%; margin-left: -150px; }
#expand-crash .expand { display: block; }
#expand-crash .collapse { display: none; }
#expand-crash.active .collapse { display: block; }
#expand-crash.active .expand { display: none; }
#expand-thread { font-size:12px; padding-bottom:10px; cursor:pointer; text-align: center; position:absolute; bottom:0; width:300px; left:50%; margin-left: -150px; }
#expand-thread .expand { display: block; }
#expand-thread .collapse { display: none; }
#expand-thread.active .collapse { display: block; }
#expand-thread.active .expand { display: none; }
#view-filter.crash-filter .filter-view-container.centered #segmentation .query > .and-or [data-value="OR"] {display: none !important;}

.routename-crashgroup .datatablesubrow table, .threads-list table {width: 100%;}
td.details table tr.thread:first-child {background-color: #FFF !important;}
td.details table tr.header, td.details table tr.header:hover {
    background-color: #F3F3F3 !important;
    line-height: 12px;
}
.threads-list table td {vertical-align: top; height: 80px; word-break: break-all; word-wrap: break-word; width: 70%;}
.routename-crashgroup .datatablesubrow table td {vertical-align: top; word-break: break-all; word-wrap: break-word;}
.routename-crashgroup .datatablesubrow  table td pre, .threads-list table td pre {word-break: break-word; word-wrap: break-word; white-space: pre-wrap; overflow-wrap: break-word;}
.threads-list table td.open-thread i {cursor: pointer; margin-top: 30px;}
.threads-list table td.thread-name {font-size: 13px; color: #777; width: 30%;}
.threads-list table td.thread-name p {margin-bottom: 0px;}
.thread .tag {
    margin-left: 0px;
    margin-top: 5px;
    margin-bottom: 5px;
    float: left;
    margin-right: 5px;
    border-radius: 2px;
    padding: 0 5px;
    font-size: 10px;
    line-height: 15px;
    border: 1px solid #d4d4d4;
    display:inline-block;
    color: #e11a15;
}

#action-segmentation-tooltip { font-size:12px; max-width:300px; text-align: center; }

.check-green:hover {  color: #217923;}

.crash-manipulate-options { margin-top:0px !important; margin-left: 8px !important; float: right; margin-right: 0px !important; }
.resolved-text {color: #45b849; padding-top: 2px; font-size: 11px;}
.unresolved-text {color: #e11a15; padding-top: 2px; font-size: 11px;}
.resolving-text {color: #45b849; padding-top: 2px; font-size: 11px;}

#userdetails #d-table-crashes_wrapper {margin:0px;}
#userdetails #d-table-crashes_wrapper .dataTable-top {border-radius:0px;}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;  /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;

    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;

    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;

    /* Support for IE. */
    font-feature-settings: 'liga';
  }

.filter-view-container.in-crashes {
    background-color: #fff;
}
#view-filter.in-crashes {
    background-color: #ededed !important;
    border-top: none !important;
}
.separator.in-crashes {
    margin: 0px 10px;
    border-bottom: 1px solid#D0D0D0;
    height: 0;
    opacity: 0.6;
}

.crashes-nonfatal .trend.d {
    color: #2EB52B !important;
}

.crashes-fatal .trend.d {
    color: #2EB52B !important;
}
.crashes-total .trend.d {
    color: #2EB52B !important;
}


.crashes-nonfatal .trend.u {
    color: #ED6262 !important;
}

.crashes-fatal .trend.u {
    color: #ED6262 !important;
}

.crashes-total .trend.u {
    color: #ED6262 !important;
}

#crashgroup-manipulation-trigger {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 150px;
    padding: 0;
    margin: 6px 0px;
    cursor: pointer;
    user-select: none;
    background-color: #2FA732;
    border: solid 1px #2FA732;
    border-radius: 2px;
    color: #FFF;
}

#crashgroup-manipulation-trigger div {
    padding: 6px 9px;
    font: 13px Ubuntu,Helvetica,sans-serif;
}

#crashgroup-manipulation-trigger i {
    font-size: 9px;
}

#crashgroup-manipulation-menu:before, #crashgroup-manipulation-menu:after {
    display: none;
}

#crashgroup-manipulation-menu {
    top: 50px;
    right: 10px;
    z-index: 10000;
}

#crashgroup-manipulation-menu .item {
    user-select: none;
}

.crash-detail-subrow table tbody tr td:last-child {
	border-right: 1px solid #ebebeb;
}


.crashes-filter-title  .up,.crashes-filter-title  .down {font-size: 9px; line-height:9px;  color: #717171; opacity: 0.8; margin-left:6px;}
.crashes-filter-title  span.up {display:none;}
.crashes-filter-title.active  span.up {display:inline;}
.crashes-filter-title.active  span.down {display:none;}
.crashes-filter-title {
    padding: 6px 9px 0px 3px;
    padding-right: 25px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #444;
    font-weight: normal;
    font: 13px Ubuntu,Helvetica,sans-serif;
    cursor:pointer;
    position:relative;
}
.crashes-filter-title a {
    display: inline-block;
    max-width: calc(100% - 30px);
    text-overflow: ellipsis;
    overflow: hidden;
    float:left;
}
.crashes-filter-title:hover {
    color:#2FA732;
}
.crashes-filter-title:hover span{
    color:#2FA732;
}

/*-------------*/

.crashes-selector-form table {width:100%;}
.crashes-selector-form table tr td {padding:5px 0px;}
.crashes-selector-form table tr td:first-child {text-align:right; width:50px; white-space: nowrap; padding-right:10px;}
.crashes-selector-form .cly-select { background-color:#FDFDFD; width:100%;}
.crashes-selector-form .cly-select .select-items{width: 100%;}
.crashes-selector-form .cly-select .placeholder {color: #D0D0D0;}

.crashes-selector-form {
    box-shadow: 0 3px 7px rgba(0,0,0,.08);
    width: 350px;
    background-color: #fff;
    position: absolute;
    left: 10px;
    top: 55px;
    z-index: 100;
    border: 1px solid #D0D0D0;
    border-radius: 2px;
    display: none;
    padding: 18px 22px 20px 20px;
}


/*-----*/


.apply-crashes-filter {
    float:right;
    outline: none;
    border: none;
    border-radius: 2px;
    margin-top: 5px;
    margin-right: -2px;
}


.remove-crashes-filter {
    cursor:pointer;
    float:right;
    outline: none;
    border: none;
    box-shadow:none;
    margin-top: 5px;
    background-color:#ffffff;

}